<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>{:lang('pay')}</title>
<script src="__TEMP__/{$style}/public/js/jquery.js"></script>
<style>
body{padding:0;margin:0;}
article{
	text-align: center;
	margin:20px auto;
}
article h3{
	font-weight: normal;
	color:#373737;
	font-family: "{:lang('microsoft_yahei')}", "Helvetica Neue", Helvetica, Arial,sans-serif;
}
article p{
	color:#00C12C;
	font-family: "{:lang('microsoft_yahei')}", "Helvetica Neue", Helvetica, Arial,sans-serif;
}
article button{
	border:0;
	background: #FF3C3C;
	color:#ffffff;
	border-radius: 3px;
	padding:10px;
	width:90%;
	font-size:16px;
	outline: none;
	font-family: "{:lang('microsoft_yahei')}", "Helvetica Neue", Helvetica, Arial,sans-serif;
	margin:15px 0;
}
.other-view{max-width: 90%;width:90%;margin-top:30px;}
</style>
</head>
<body>
{if condition="$status==-1"}
<div style="position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.8);text-align: center;">
<img src="__TEMP__/{$style}/public/css/pay/other_view.png" class="other-view "/>
</div>
{else/}
<article>
{if condition="$status==1"}
	<div class="pay-block">
		<img src="__TEMP__/{$style}/public/css/pay/pay_success.png"/>
	</div>
	<h3>{:lang('the_payment_successful')}</h3>
	<p>{:lang('order_number')}{$out_trade_no}{:lang('the_payment_successful')}！</p>
	{else/}
	<div class="pay-block">
		<img src="__TEMP__/{$style}/public/css/pay/pay_error.png"/>
	</div>
	<h3>{:lang('payment_failed')}</h3>
	<p style="color:#FF3C3C;">{:lang('order_number')}{$out_trade_no}{:lang('payment_failed')}！</p>
	{/if}
	<button onclick="enterOrderList()">{:lang('access_member_center')}</button>
{/if}
</article>
<script>
function enterOrderList(){
	if($(window).width()<768){
		//手机端
		location.href = '{:__URL('APP_MAIN/member')}';
	}else{
		//PC端
		location.href = '{:__URL('SHOP_MAIN/member')}';
	}
}

</script>
</body>
</html>